<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/taglibs.jsp"%>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Create an account</title>
  <link rel="stylesheet" type="text/css" href="${ctx}/css/global.css"/>
  <link rel="stylesheet" type="text/css" href="${ctx}/css/navigation.css"/>  
  <link rel="stylesheet" type="text/css" href="${ctx}/css/template/separator.css"/>
  <link rel="stylesheet" type="text/css" href="${ctx}/css/template/panel.css"/>
  <link rel="stylesheet" type="text/css" href="${ctx}/css/template/round_corner.css"/>
  <style type="text/css">
	.rowTitle
	{
		width:100px;
	}
  </style>
</head>
<body>
 <div style="margin-top:10px;">    
   <h1 style="font:medium;">Create an account</h1>
   <p style="margin:10px 0;padding-left:20px;font-family:arial,sans-serif;">Your Account gives you access to this website services. If you already have a Account, you can <a href="/nag/login.jsp">sign in here</a>.<br/>
  </p>
 </div>
 <div class="reg" style="width:900px;height:800px;margin:0 100px 40px 0;">
  <s:form action="register" method="post" theme="simple" namespace="/nag" validate="true">  
  	<s:token />      
	<t:simpleContainer template="round_corner" prefixClass="r3">
		<div>
			<div class="title"><span><b>About yourself information</b></span>
				<span class="normalText"> - All fields are required</span>
			</div>
			<div class="sectionBody" style="padding: 7px 0px 9px 7px;">
			<div>
			<div>
			<div class="rowItem">
			<ol>
			<li><span class="rowTitle">First name:</span><li>
			<li>
		    	<s:textfield label="firstName" id="firstName" name="firstName" size="30" n="1"></s:textfield>
		    </li>		 		   
		    	<s:fielderror fieldName="firstName" cssClass="quickwinError"/>
		    </ol>
		</div>
		<div class="rowItem">
		<span class="rowTitle">Last name:</span>
		  <s:textfield name="lastName" size="30" n="2"/>
		  <s:fielderror fieldName="lastName" cssClass="quickwinError"/>
		</div>
		</div>
		</div>
		<div class="rowItem"><span class="rowTitle">Location: </span> 
		  
		</div>
		<div class="rowItem"><span class="rowTitle">Address: </span>
		  <s:textfield name="address" size="256" n="4"/>
		  <s:fielderror fieldName="address" cssClass="quickwinError"/>
		</div>
		<div class="rowItem"><span class="rowTitle">ZIP / Postal code: </span>
		  <s:textfield name="postCode" size="16" n="5"/>
		</div>
		<div class="rowItem"><span class="rowTitle">Email address: </span> 
		  <s:textfield name="email" size="24" n="6"/>
		  <s:fielderror fieldName="email" cssClass="quickwinError"/>
	    </div>
		<div class="rowItem"><span class="rowTitle">Re-enter email address: </span> 
		  <input type="text" value="" size="30"	id="retype_email" size="6" name="retype_email" n="5" /></div>
		</div>
		<div class="subTitle" style="padding: 7px 0px 9px 7px;"><span><b>Choose
		your user ID and password</b></span> <span class="normalText"> - All
		fields are required</span></div>
		<div class="sectionBody" style="">
			<div class="rowItem">
			  <span class="rowTitle">Login Name:</span>
			  <s:textfield name="userName" size="24" n="6"/>
			  <s:fielderror fieldName="userName" cssClass="quickwinError"/>
				<span class="attentionTip">Only use letters or numbers</span>
			</div>
			<div class="rowItem"><span class="rowTitle">Choose a password:</span>
			  <div>
			  <s:textfield name="password" size="30" n="7"/>
			  <s:fielderror fieldName="password" cssClass="quickwinError"/>
			  </div>
			  <span class="attentionTip">caSe sensiTive and Minimum	of 8 characters in length.</span>
			</div>		
			<div class="rowItem">
				<span class="rowTitle">Re-enter password: </span>
				<s:textfield name="retypePassword" size="30" n="8" oncut="return false"
				onpaste="return false" oncopy="return false"/>
			</div>
		</div>
		<div class="subTitle" style="padding: 7px 0px 9px 7px;"><span><b>Added
		on validation</b></span></div>
		<div class="module" style="margin: 0 10px;">
			<span class="standard"> For added on security, please enter the	verification code hidden in the image. </span>
		</div>
		<div style="margin: 10px;">
		<div style="display: block;">
		   <script type="text/javascript">
				document.write('<img id="regImg" alt="" src="${ctx}/security/verifycode.jpg?temp='+ (new Date().getTime().toString(36)) +'" />');
		   </script> <input name="verifyCode" type="text" n="9" maxLength="5" size="5" />
		   <s:fielderror fieldName="verifyCode" cssClass="quickwinError"/>
		<div>
		<a id="linkButtonRefresh" name="linkBotRefresh" href="?"
			style="font-size: small; font-family: Arial, Helvetica, sans-serif; font-size: small;"
			onclick="document.getElementById('regImg').src='${ctx}/security/verifycode.jpg?temp='+ (new Date().getTime().toString(36)); return false">Refresh
		the image</a></div>
		</div>
		</div>
		<div id="submitBtn">
			<button class="ButtonNormal" name="continue" id="continue"	type="submit"><span class="btn"><span class="btn">Continue</span></span></button>
		</div>
		</div>
	</t:simpleContainer>
</s:form>
  </div>
</body>
</html>
